﻿<%@ Page Language="C#" MasterPageFile="~/U_Master.master" AutoEventWireup="true"
    CodeFile="ContactUS.aspx.cs" Inherits="ContactUS" %>

<%@ Register src="uc/side_left.ascx" tagname="side_left" tagprefix="uc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <title>Vietcare.us | Contact Us</title>
</asp:Content>
<asp:Content ID="Content5" ContentPlaceHolderID="ContentPlaceHolder4" runat="Server">
    
    
    
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder3" runat="Server">
    
    <uc1:side_left ID="side_left1" runat="server" />
    
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div class="contact_form">
        <div id="title_lh">
            <h2>
                Liên hệ
            </h2>
        </div>
        <table style="width: 100%;" cellpadding="5" cellspacing="0">
            <tr>
                <td width="100" align="right" class="txt_lienhe_">
                    Họ tên:
                </td>
                <td>
                    <asp:TextBox ID="txt_hoten" runat="server" CssClass="text1" Width="175px"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td width="100" align="right" class="txt_lienhe_">
                    Email:
                </td>
                <td>
                    <asp:TextBox ID="txt_email" runat="server" CssClass="text2" Width="175px"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td width="100" align="right" class="txt_lienhe_">
                    Địa chỉ:
                </td>
                <td>
                    <asp:TextBox ID="txt_diachi" runat="server" CssClass="text3" Width="175px"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td width="100" align="right" class="txt_lienhe_">
                    Điện thoại:
                </td>
                <td>
                    <asp:TextBox ID="txt_dienthoai" runat="server" CssClass="text4" Width="175px"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td width="100" align="right" class="txt_lienhe_">
                    Tiêu đề:
                </td>
                <td>
                    <asp:TextBox ID="txt_tieude" runat="server" CssClass="text5" Width="175px"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td width="100" align="right" class="txt_lienhe_">
                    Nội dung:
                </td>
                <td>
                    <asp:TextBox ID="txt_noidung" runat="server" TextMode="MultiLine" CssClass="text7"
                        Height="134px" Width="452px"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td width="100">
                    &nbsp;
                </td>
                <td>
                    <asp:Button ID="butt_send" runat="server" Text="Gửi" CssClass="button_cam" OnClick="butt_send_Click"
                        OnClientClick="return OnSubmitContact()" />
                    &nbsp;<asp:Button ID="Button1" runat="server" CssClass="button_cam" OnClick="Button1_Click"
                        Text="Xóa hết" />
                    &nbsp;</td>
            </tr>
            <tr>
                <td width="100">
                    &nbsp;</td>
                <td>
                    <asp:Literal ID="Literal1" runat="server"></asp:Literal>
                    <p style="font-size:11px; font-style:italic; color:#0946b6">
                    */ Bạn không muốn gặp rắc rối với những văn bản pháp luật ?<br />
                    */ Bạn muốn việc làm giấy tờ thật nhan chóng ?<br />
                    */ Bạn đang có khúc mắc về pháp lý ?<br />
                    Hãy liên hệ với Vietcare.us ! Chúng tôi sẽ hỗ trợ bạn !
                    </p>
                </td>
            </tr>
        </table>
    </div>

    <script type="text/javascript">    
    var text1 = "Họ tên";
    var text2 = "Email";
    var text3 = "Địa chỉ";
    var text4 = "Số điện thoại";
    var text5 = "Tiêu đề";
    var text7 = "Nội dung";
    $(function() {       
	    
	    //1-----------------------------------
	    $(".text1").focus(function(){
	        txt_truoc = $(this).val();
	        if($(this).val() == text1)
	            $(this).val("");
	        //$(this).css("border","1px #8bc33d solid");
	    });
	    
	    $(".text1").blur(function(){
	        if($(this).val() == "")
	            $(this).val(text1);
	        //$(this).css("border","1px #d9dada solid");
	    });
	    
	    //2-----------------------------------
	    $(".text2").focus(function(){
	        txt_truoc = $(this).val();
	        if($(this).val() == text2)
	            $(this).val("");
	        //$(this).css("border","1px #8bc33d solid");
	    });
	    
	    $(".text2").blur(function(){
	        if($(this).val() == "")
	            $(this).val(text2);
	        //$(this).css("border","1px #d9dada solid");
	    });
	    
	    //3-----------------------------------
	    $(".text3").focus(function(){
	        txt_truoc = $(this).val();
	        if($(this).val() == text3)
	            $(this).val("");
	       // $(this).css("border","1px #8bc33d solid");
	    });
	    
	    $(".text3").blur(function(){
	        if($(this).val() == "")
	            $(this).val(text3);
	        //$(this).css("border","1px #d9dada solid");
	    });	    
	    
	    //4-----------------------------------
	    $(".text4").focus(function(){
	        txt_truoc = $(this).val();
	        if($(this).val() == text4)
	            $(this).val("");
	        //$(this).css("border","1px #8bc33d solid");
	    });
	    
	    $(".text4").blur(function(){
	        if($(this).val() == "")
	            $(this).val(text4);
	        //$(this).css("border","1px #d9dada solid");
	    });
	    
	    //5-----------------------------------
	    $(".text5").focus(function(){
	        txt_truoc = $(this).val();
	        if($(this).val() == text5)
	            $(this).val("");
	        //$(this).css("border","1px #8bc33d solid");
	    });
	    
	    $(".text5").blur(function(){
	        if($(this).val() == "")
	            $(this).val(text5);
	        //$(this).css("border","1px #d9dada solid");
	    });
	    
	    //7-----------------------------------
	    $(".text7").focus(function(){
	        txt_truoc = $(this).val();
	        if($(this).val() == text7)
	            $(this).val("");
	        //$(this).css("border","1px #8bc33d solid");
	    });
	    
	    $(".text7").blur(function(){
	        if($(this).val() == "")
	            $(this).val(text7);
	        //$(this).css("border","1px #d9dada solid");
	    });
	    
	    XoaMau();
	    
	    $(".text9").click(function(){
	       XoaMau(); 
	    });
    });    
    
    function XoaMau()
    {
        $(".text1").val(text1);
	    $(".text2").val(text2);
	    $(".text3").val(text3);
	    $(".text4").val(text4);
	    $(".text5").val(text5);
	    $(".text7").val(text7);
    }
   
    function OnSubmitContact()
    {
        if($(".text1").val() == "" || $(".text1").val() == text1)
        {
            alert("Mời bạn nhập họ tên!");
            $(".text1").focus();
            return false;
        }
        else
            if($(".text2").val() == "" || $(".text2").val() == text2)
            {
                alert("Mời bạn nhập email!");
                $(".text2").focus();
                return false;
            }
            else
                if($(".text3").val() == "" || $(".text3").val() == text3)
                {
                    alert("Mời bạn nhập địa chỉ!");
                    $(".text3").focus();
                    return false;
                }
                else
                    if($(".text4").val() == "" || $(".text4").val() == text4)
                    {
                        alert("Mời bạn nhập số điện thoại!");
                        $(".text4").focus();
                        return false;
                    }
                    else
                        if($(".text5").val() == "" || $(".text5").val() == text5)
                        {
                            alert("Mời bạn nhập tiêu đề!");
                            $(".text5").focus();
                            return false;
                        }
                        else
                        {
                            var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;

                            var emailaddressVal = $(".text2").val();
                            if(!emailReg.test(emailaddressVal)) {
                                alert("Email không hợp lệ! Mời bạn nhập lại email!");
                                $(".text2").focus();
                                return false;
                            }
                        }
                        
        return true;
        
    }

    </script>

</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" runat="Server">
</asp:Content>
